.update {
    padding-top: 40px;
    .more {
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-duration: 300ms;
        transform: translate(0, 0) scale(1) translateZ(0);
        transition-property: all;
    }
    .u_header {
        height: 40px;
        align-items: center;
        position: fixed;
        width: 100%;
        top: 45px;
        z-index: 1;
        background: #f44336;
        h5 {
            transition: color 1s ease;
            color: #fff;
            padding: 2px 5px;
            border-radius: 3px;
            &.active {
                color: #f44336;
                background: #fff;
            }
        }
    }
    .u_mh {
        flex-flow: nowrap;
        justify-content: left;
        align-items: baseline;
    }
}

.mh_list {
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
}

.mh_item {
    float: left;
}

.thumbnail {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 133.33333%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    img {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 0;
        color: rgba(0, 0, 0, 0);
    }
    .score {
        position: absolute;
        top: .13333rem;
        right: .53333rem;
        height: .72667rem;
        line-height: .72667rem;
        padding: 0 .10667rem;
        -webkit-border-radius: .08rem;
        -moz-border-radius: .08rem;
        border-radius: .08rem;
        background-color: #fc6976;
        color: #fff;
        font-size: .26667rem;
        text-align: center;
    }
}